<%-- 
    Document   : DangKyThanhVien
    Created on : Apr 18, 2011, 11:10:38 PM
    Author     : ToanNhan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="js/DangKyThanhVien.js" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<form name="frm" method="POST" id="frmDangKy" action="DangKyThanhVien">
    <% request.setCharacterEncoding("UTF-8"); %>
    <input type="hidden" name="command" value="DangKyThanhVien"/>
    <div id="validationmsg"></div>
    <center>
        <table width="520px">
            <tr>
                <td colspan="2">
                    <span style="padding-left: 20px"><font color="RED" size="+3">Đăng ký thành viên</font></span>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    &nbsp;
                </td>
            </tr>
            <tr bgcolor="bisque">
                <td width="150px">
                    <span style="padding-left: 10px">Tên đăng nhập(*)</span>
                </td>
                <td>
                    <input id="userName" name="userName"/><span id="errUserName" class="errmsg">Tên đăng nhập phải có ít nhất 6 ký tự</span>
                </td>
            </tr>
            <tr>
                <td width="150px">
                    <span style="padding-left: 10px">Mật khẩu(*)</span>
                </td>
                <td>
                    <input id="password" type="password" name="password" /><span id="errPassword" class="errmsg">Mật khẩu phải có ít nhất 6 ký tự</span>
                </td>
            </tr>
            <tr bgcolor="bisque">
                <td width="150px">
                    <span style="padding-left: 10px">Nhập lại password(*)</span>
                </td>
                <td>
                    <input id="retypePassword" type="password" name="retypePassword" /><span id="errRetypePassword" class="errmsg">Mật khẩu không giống</span>
                </td>
            </tr>
            <tr>
                <td width="150px">
                    <span style="padding-left: 10px">Email(*)</span>
                </td>
                <td>
                    <input name="email" class="longTextBox" id="email"/><span id="errEmail" class="errmsg">Email không đúng</span>
                </td>
            </tr>
            <tr bgcolor="#CCC">
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr bgcolor="bisque">
                <td width="150px">
                    <span style="padding-left: 10px">Họ và tên(*)</span>
                </td>
                <td>
                    <input name="fullName" id="fullName"/><span id="errFullName" class="errmsg">Bạn chưa nhập họ tên</span>
                </td>
            </tr>
            <tr>
                <td width="150px">
                    <span style="padding-left: 10px">Ngày sinh(*)</span>
                </td>
                <td>
                    <input name="dateOfBirth" id="dateOfBirth"/><span id="errDateOfBirth" class="errmsg">Bạn chưa chọn ngày sinh</span>
                </td>
            </tr>
            <tr bgcolor="bisque">
                <td width="150px">
                    <span style="padding-left: 10px">Giới tính (*)</span>
                </td>
                <td>
                    <select name="gioiTinh">
                        <option value="0">Nam</option>
                        <option value="1">Nữ</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td width="150px">
                    <span style="padding-left: 10px">Địa chỉ(*)</span>
                </td>
                <td>
                    <input name="address" id="address" class="longTextBox"/><span id="errAddress" class="errmsg">Bạn chưa nhập địa chỉ</span>
                </td>
            </tr>
            <tr bgcolor="bisque">
                <td width="150px">
                    <span style="padding-left: 10px">Số điện thoại(*)</span>
                </td>
                <td>
                    <input name="phoneNumber" id="phoneNumber"/><span id="errPhoneNumber" class="errmsg">Bạn chưa nhập số điện thoại</span>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <span style="padding-left: 10px">
                        <input id="chkDongY" type="checkbox" name="dongY" id="checkBox"/> Tôi đồng ý với các điều khoảng sử dụng
                    </span>
                    <span id="errCheckBox" class="errmsg">Bạn chưa đồng ý điều khoảng sử dụng</span>
                </td>
            </tr>
            <tr bgcolor="#CCC">
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="Đăng ký" onclick="return validateData()" />
                </td>
            </tr>
        </table>
    </center>
</form>
